@charset "utf-8";
@component-namespace app {
  @b brand {
    @m navbar {
      width: 100%;
      height: var(--app-service-navbar-brand-wrapper-height);
      line-height: @height;
      text-align: center;
      @e today {
        font-size: 0.95rem;
        color: white;
        font-weight: bold;
      }
      @e tomato {
        font-size: 0.8rem;
        color: black;
        font-weight: bold;
      }
      @e dot {
        font-size: 0.25rem;
        color: var(--color-tomato);
      }
    }
    @m security {
      width: 100%;
      height: var(--app-security-title-wrapper-height);
      line-height: @height;
      text-align: center;
      @e today {
        font-size: 1.0rem;
        color: white;
        font-weight: bold;
        line-height: 1.0;
      }
      @e tomato {
        font-size: 0.9rem;
        color: black;
        font-weight: bold;
        line-height: 1.0;
      }
      @e dot {
        font-size: 0.2rem;
        color: var(--color-tomato);
        line-height: 1.0;
      }
    }
  }
}